<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>3-1-2-按钮组</title>
	<link href="lib/lib/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>


	<div class="container">
		<div class="btn-group dropup">
			<button type="button" class="btn btn-info dropdown-toggle" data-toggle="dropdown">
				按钮式下拉菜单<span class="caret"></span>
			</button>
		
			<ul class="dropdown-menu" role="menu">
				<li><a href="">1</a></li>
				<li><a href="">2</a></li>
				<li><a href="">3</a></li>
				<li><a href="">4</a></li>
			</ul>
		</div>
	</div>



<!-- 分裂式下拉菜单 -->
	<div class="container">

		<div class="btn-group">
			<button class="btn btn-info dropdown-toggle">分裂式下拉菜单</button>

			<button type="button" class="btn btn-info dropdown-toggle" data-toggle="dropdown">
				<span class="caret"></span>
			</button>
		
			<ul class="dropdown-menu" role="menu">
				<li><a href="">1</a></li>
				<li><a href="">2</a></li>
				<li><a href="">3</a></li>
				<li><a href="">4</a></li>
			</ul>
		</div>

		<div class="btn-group">
			<button class="btn btn-info dropdown-toggle btn-lg">分裂式下拉菜单(lg)</button>

			<button type="button" class="btn btn-lg btn-info dropdown-toggle" data-toggle="dropdown">
				<span class="caret"></span>
			</button>
		
			<ul class="dropdown-menu" role="menu">
				<li><a href="">1</a></li>
				<li><a href="">2</a></li>
				<li><a href="">3</a></li>
				<li><a href="">4</a></li>
			</ul>
		</div>


		<div class="btn-group">
			<button class="btn btn-info dropdown-toggle btn-xs">分裂式下拉菜单(xs)</button>

			<button type="button" class="btn btn-xs btn-info dropdown-toggle" data-toggle="dropdown">
				<span class="caret"></span>
			</button>
		
			<ul class="dropdown-menu" role="menu">
				<li><a href="">1</a></li>
				<li><a href="">2</a></li>
				<li><a href="">3</a></li>
				<li><a href="">4</a></li>
			</ul>
		</div>


	</div>









<br><br><br><br><br>
<!-- 引入本地文件 bootstrap基于JQ上运行，需加载JQ文件-->
<script src="lib/jquery/jquery-1.11.0.min.js"></script>
<script src="lib/lib/js/bootstrap.min.js"></script>
	
</body>
</html>